{extend name="common/layout" /}

{block name="title"}茶生活{/block}
{block name="style"}{/block}

{block name="content"}
	<link href="__SHOP_DEFAULT__/css/index.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="__SHOP_DEFAULT__/custom/css/font-family.css">
	<link rel="stylesheet" href="__SHOP_DEFAULT__/custom/css/layui.css">
	<link rel="stylesheet" href="__SHOP_DEFAULT__/custom/css/iconfont.css">
	<link rel="stylesheet" href="__SHOP_DEFAULT__/custom/css/info.css">
	<!--左侧小轮播-->
	<script src="__SHOP_DEFAULT__/custom/js/jquery.Xslider.js"></script>
	
	<script type="text/javascript">
	    $(document).ready(function(){
	        // 焦点图片淡隐淡现
	        $("#slider1").Xslider({
	            affect:'fade',
	            trigger: 'click', //触发事件 注意用mouseover代替hover
	            ctag: 'div'
	        });
	    });
	</script>
	
	<script type="text/javascript" src="__SHOP_RESOURCE__/js/home_index.js" charset="utf-8"></script>
	
	<div class="info-banner-L" style="position: relative;margin-top: 0;">
	    	<ul class="full-screen-slides m-fbx">
	        	{if (!empty($index_slide_imgs) && is_array($index_slide_imgs))}
	            	{foreach $index_slide_imgs as $key => $val_}
		            	<li style="background: url('__UPLOAD_PATH__/shop/adv/{$val_['adv_content']['adv_pic']}') no-repeat center top">
	        				<a href="{$val_['adv_content']['adv_pic_url']}" target="_blank" title="{$val_['adv_title']}">&nbsp;</a>
	        			</li>
			           
	           	 	{/foreach}
	            {/if}
	  		</ul>
	    </div>
	<div class="container">
		<!--大图轮播-->
	    
	
	    <div class="info-block">
	        <div class="chaDao">
	        	<!--1-->
	            <div class="chaDao-banner">
	                <div id="slider1" class="slider">
	                    <div class="conbox">
	                    	{volist name="cms_article_list[0]['class_id_sub']" id="val" length="5"}
		                        <div>
		                        	<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
										<img src="<?php echo getCMSArticleImageUrl($val['article_attachment_path'], $val['article_image'], 'list');?>" alt="<?php echo $val['article_title'];?>">
		                        	</a>
		                            <p>{$val['article_title']}</p>
		                        </div>
	                        {/volist}
	                    </div>
	                    <div class="switcher">
	                    	{volist name="cms_article_list[0]['class_id_sub']" id="val" length="5"}		
			                    <a href="javascript:void(0);" title="{$val['article_title']}" 
			                        {if($i == 1)} class="cur" {/if} >{$i}</a>
	                        {/volist}
	                    </div>
	                </div>
	            </div>
	            <!--2-->
	            <div class="gongGao">
	                <div class="info-title">
	                    <div class="title-icon">
	                        <img src="__SHOP_DEFAULT__/custom/images/icon/info-title.png">
	                        {$cms_article_list[1]['class_name']}
	                    </div>
	                    <a class="title-more" href="{:url('cms/Cmsarticle/article_list', array('class_id'=> $cms_article_list[1]['class_id']))}">更多>></a>
	                </div>
	                <div class="gongGao-p">
	                	{volist name="cms_article_list[1]['class_id_sub']" id="val" length="6"}
            				<p>
		                    	<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
		                    		<i class="icon kangle-icon">&#xe63f;</i> {$val['article_title']}
		                    	</a>
		                    </p>
	                    {/volist}
	                     
	                </div>
	            </div>
	        </div>
	        
			<!--3-->
	        <div class="referral">
	        	<div class="info-title">
	                <div class="title-icon">
	                    <img src="__SHOP_DEFAULT__/custom/images/icon/info-title.png">
	                    {$cms_article_list[2]['class_name']}
	                </div>
	                <a class="title-more" href="{:url('cms/Cmsarticle/article_list', array('class_id'=> $cms_article_list[2]['class_id']))}">更多>></a>
	            </div>
	            {volist name="cms_article_list[2]['class_id_sub']" id="val" length="4"}
    				<div class="img-text">
		                <div class="media">
		                    <div class="media-left">
		                    	<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
									<img src="<?php echo getCMSArticleImageUrl($val['article_attachment_path'], $val['article_image'], 'list');?>" alt="<?php echo $val['article_title'];?>">
		                        </a>
		                    </div>
		                    <a class="media-body" href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
		                        <h4 class="media-heading">{$val['article_title']}</h4>
		                        <p class="media-text">{$val['article_abstract']}</p>
		                    </a>
		                </div>
		            </div>
	            {/volist}
	        </div>
	        
			<!--4-->
	        <div class="info-right">
	            <div class="info-title">
	                <div class="title-icon">
	                    <img src="__SHOP_DEFAULT__/custom/images/icon/info-title.png">
	                    {$cms_article_list[3]['class_name']}
	                </div>
	                <a class="title-more" href="{:url('cms/Cmsarticle/article_list', array('class_id'=> $cms_article_list[3]['class_id']))}">更多>></a>
	            </div>
	            <div class="gongGao-p">
	            	{volist name="cms_article_list[3]['class_id_sub']" id="val" length="10"}
        				<p>
	                    	<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
	                    		<i class="icon kangle-icon">&#xe63f;</i> {$val['article_title']}
	                    	</a>
	                    </p>
	                {/volist}
	            </div>
	            <div class="right-L">
	            	<?php  $val = $cms_article_list[3]['class_id_sub'][10];?>
	            	<?php if(is_array($val)){ ?>
	            		<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
							<img src="<?php echo getCMSArticleImageUrl($val['article_attachment_path'], $val['article_image'], 'list');?>" alt="<?php echo $val['article_title'];?>">
	                    </a>
	                <?php }?>
	            </div>
	        </div>
	    </div>
	    <div class="clearfix"></div>
	    <div class="info-block">
	    	<!--5-->
	        <div class="referral culture">
	            <div class="info-title">
	                <div class="title-icon">
	                    <img src="__SHOP_DEFAULT__/custom/images/icon/info-title.png">
	                    {$cms_article_list[4]['class_name']}
	                </div>
	                <a class="title-more" href="{:url('cms/Cmsarticle/article_list', array('class_id'=> $cms_article_list[4]['class_id']))}">更多>></a>
	            </div>
	            <div class="img-text">
	            	<?php  $val = $cms_article_list[4]['class_id_sub'][0];?>
	            	<?php if(is_array($val)){ ?>
	            		<div class="media">
		                    <div class="media-left">
		                        <a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
									<img src="<?php echo getCMSArticleImageUrl($val['article_attachment_path'], $val['article_image'], 'list');?>" alt="<?php echo $val['article_title'];?>">
		                        </a>
		                    </div>
		                    <a class="media-body" href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
		                        <h4 class="media-heading">{$val['article_title']}</h4>
		                        <p class="media-text">{$val['article_abstract']}</p>
		                    </a>
		                </div>
	                <?php }?>
	                
	            </div>
	            <div class="gongGao-p">
	            	<?php if(is_array($cms_article_list[4]['class_id_sub'])){ $i=0;?>
	            		<?php foreach($cms_article_list[4]['class_id_sub'] as $key=>$val){ $i++;?>
	            			<?php if($i == 1){continue;}?>
	            			<?php if($i > 7){break;}?>
	            				<p>
			                    	<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
			                    		<i class="icon kangle-icon">&#xe63f;</i> {$val['article_title']}
			                    		<span>{:date('Y-m-d',$val['article_publish_time'])}</span>
			                    	</a>
			                    </p>
	                	<?php }?>
	                <?php }?>
	            </div>
	        </div>
	        
	        <!--6-->
	        <div class="referral culture">
	            <div class="info-title">
	                <div class="title-icon">
	                    <img src="__SHOP_DEFAULT__/custom/images/icon/info-title.png">
	                    {$cms_article_list[5]['class_name']}
	                </div>
	                <a class="title-more" href="{:url('cms/Cmsarticle/article_list', array('class_id'=> $cms_article_list[5]['class_id']))}">更多>></a>
	            </div>
	            <div class="img-text">
	            	<?php  $val = $cms_article_list[5]['class_id_sub'][0];?>
	            	<?php if(is_array($val)){ ?>
	            		<div class="media">
		                    <div class="media-left">
		                        <a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
									<img src="<?php echo getCMSArticleImageUrl($val['article_attachment_path'], $val['article_image'], 'list');?>" alt="<?php echo $val['article_title'];?>">
		                        </a>
		                    </div>
		                    <a class="media-body" href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="<?php echo $val['article_title'];?>">
		                        <h4 class="media-heading">{$val['article_title']}</h4>
		                        <p class="media-text">{$val['article_abstract']}</p>
		                    </a>
		                </div>
	                <?php }?>
	                
	            </div>
	            <div class="gongGao-p">
	            	<?php if(is_array($cms_article_list[5]['class_id_sub'])){ $i=0;?>
	            		<?php foreach($cms_article_list[5]['class_id_sub'] as $key=>$val){ $i++;?>
	            			<?php if($i == 1){continue;}?>
	            			<?php if($i > 7){break;}?>
	            				<p>
			                    	<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
			                    		<i class="icon kangle-icon">&#xe63f;</i> {$val['article_title']}
			                    		<span>{:date('Y-m-d',$val['article_publish_time'])}</span>
			                    	</a>
			                    </p>
	                	<?php }?>
	                <?php }?>
	            </div>
	        </div>
	        
	        <!--7-->
	        
	        <div class="info-right next-right">
	           	<div class="info-title">
	                <div class="title-icon">
	                    <img src="__SHOP_DEFAULT__/custom/images/icon/info-title.png">
	                    {$cms_article_list[6]['class_name']}
	                </div>
	                <a class="title-more" href="{:url('cms/Cmsarticle/article_list', array('class_id'=> $cms_article_list[6]['class_id']))}">更多>></a>
	            </div>
	            <div class="gongGao-p">
	                <?php if(is_array($cms_article_list[6]['class_id_sub'])){ $i=0;?>
	            		<?php foreach($cms_article_list[6]['class_id_sub'] as $key=>$val){ $i++;?>
	            			<?php if($i > 6){break;}?>
	            				<p>
			                    	<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
			                    		<i class="icon kangle-icon">&#xe63f;</i> <?php echo $val['article_title'];?>
			                    	</a>
			                    </p>
	                	<?php }?>
	                <?php }?>
	            </div>
	            <div class="right-M">
	            	<?php  $val = $cms_article_list[6]['class_id_sub'][6];?>
	            	<?php if(is_array($val)){ ?>
	            		<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
							<img src="<?php echo getCMSArticleImageUrl($val['article_attachment_path'], $val['article_image'], 'list');?>" alt="<?php echo $val['article_title'];?>">
	                    </a>
	                <?php }?>
	            </div>
	        </div>
	    </div>
	    <div class="clearfix"></div>
	    <div class="info-block">
	    	<!--8-->
	    	{if($cms_article_list[7])}
	        <div class="referral culture">
	            <div class="info-title">
	                <div class="title-icon">
	                    <img src="__SHOP_DEFAULT__/custom/images/icon/info-title.png">
	                    {$cms_article_list[7]['class_name']}
	                </div>
	                <a class="title-more" href="{:url('cms/Cmsarticle/article_list', array('class_id'=> $cms_article_list[7]['class_id']))}">更多>></a>
	            </div>
	            <div class="img-text">
	            	<?php  $val = $cms_article_list[7]['class_id_sub'][0];?>
	            	<?php if(is_array($val)){ ?>
	            		<div class="media">
		                    <div class="media-left">
		                        <a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
									<img src="<?php echo getCMSArticleImageUrl($val['article_attachment_path'], $val['article_image'], 'list');?>" alt="<?php echo $val['article_title'];?>">
		                        </a>
		                    </div>
		                    <a class="media-body" href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
		                        <h4 class="media-heading">{$val['article_title']}</h4>
		                        <p class="media-text">{$val['article_abstract']}</p>
		                    </a>
		                </div>
	                <?php }?>
	            </div>
	            <div class="gongGao-p">
	            	<?php if(is_array($cms_article_list[7]['class_id_sub'])){ $i=0;?>
	            		<?php foreach($cms_article_list[7]['class_id_sub'] as $key=>$val){ $i++;?>
	            			<?php if($i == 1){continue;}?>
	            			<?php if($i > 7){break;}?>
	            				<p>
			                    	<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
			                    		<i class="icon kangle-icon">&#xe63f;</i> {$val['article_title']}
			                    		<span>{:date('Y-m-d',$val['article_publish_time'])}</span>
			                    	</a>
			                    </p>
	                	<?php }?>
	                <?php }?>
	            </div>
	        </div>
	        {/if}
	        <!--9-->
	        {if($cms_article_list[8])}
	        <div class="referral culture">
	            <div class="info-title">
	                <div class="title-icon">
	                    <img src="__SHOP_DEFAULT__/custom/images/icon/info-title.png">
	                    {$cms_article_list[8]['class_name']}
	                </div>
	                <a class="title-more" href="{:url('cms/Cmsarticle/article_list', array('class_id'=> $cms_article_list[8]['class_id']))}">更多>></a>
	            </div>
	            <div class="img-text">
	            	<?php  $val = $cms_article_list[8]['class_id_sub'][0];?>
	            	<?php if(is_array($val)){ ?>
	            		<div class="media">
		                    <div class="media-left">
		                        <a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
									<img src="<?php echo getCMSArticleImageUrl($val['article_attachment_path'], $val['article_image'], 'list');?>" alt="<?php echo $val['article_title'];?>">
		                        </a>
		                    </div>
		                    <a class="media-body" href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
		                        <h4 class="media-heading">{$val['article_title']}</h4>
		                        <p class="media-text">{$val['article_abstract']}</p>
		                    </a>
		                </div>
	                <?php }?>
	            </div>
	            <div class="gongGao-p">
	                <?php if(is_array($cms_article_list[8]['class_id_sub'])){ $i=0;?>
	            		<?php foreach($cms_article_list[8]['class_id_sub'] as $key=>$val){ $i++;?>
	            			<?php if($i == 1){continue;}?>
	            			<?php if($i > 7){break;}?>
	            				<p>
			                    	<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
			                    		<i class="icon kangle-icon">&#xe63f;</i> {$val['article_title']}
			                    		<span>{:date('Y-m-d',$val['article_publish_time'])}</span>
			                    	</a>
			                    </p>
	                	<?php }?>
	                <?php }?>
	            </div>
	        </div>
	        {/if}
	        
	        <!--10-->
	        {if($cms_article_list[9])}
	        <div class="info-right next-right">
	            <div class="info-title">
	                <div class="title-icon">
	                    <img src="__SHOP_DEFAULT__/custom/images/icon/info-title.png">
	                    {$cms_article_list[9]['class_name']}
	                </div>
	                <a class="title-more" href="{:url('cms/Cmsarticle/article_list', array('class_id'=> $cms_article_list[9]['class_id']))}">更多>></a>
	            </div>
	            <div class="gongGao-p">
	            	<?php if(is_array($output['cms_article_list'][9]['class_id_sub'])){ $i=0;?>
	            		<?php foreach($output['cms_article_list'][9]['class_id_sub'] as $key=>$val){ $i++;?>
	            			<?php if($i > 6){break;}?>
	            				<p>
			                    	<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
			                    		<i class="icon kangle-icon">&#xe63f;</i> <?php echo $val['article_title'];?>
			                    	</a>
			                    </p>
	                	<?php }?>
	                <?php }?>
	            </div>
	            <div class="right-M">
	                <?php  $val = $cms_article_list[9]['class_id_sub'][6];?>
	            	<?php if(is_array($val)){ ?>
	            		<a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
							<img src="<?php echo getCMSArticleImageUrl($val['article_attachment_path'], $val['article_image'], 'list');?>" alt="<?php echo $val['article_title'];?>">
	                    </a>
	                <?php }?>
	            </div>
	        </div>
	        {/if}
	    </div>
	    
	    <div class="clearfix"></div>
	    
	    <!--11-->
	    {if($cms_article_list[10])}
	    	<!--底部轮播-->
			<script src="__SHOP_DEFAULT__/custom/js/jquery-roll.js"></script>
			<script type="text/javascript">
			//    底部轮播
			    $(document).ready(function () {
			
			        $("#roll").parallelRoll({
			
			            amount: 1
			
			        });
			
			    });
			</script>
	
		    <div class="bottom-title">
		    	<div class="info-title">
		            <div class="title-icon">
		                <img src="__SHOP_DEFAULT__/custom/images/icon/info-title.png">
		                {$cms_article_list[10]['class_name']}
		            </div>
		            <a class="title-more" href="{:url('cms/Cmsarticle/article_list', array('class_id'=> $cms_article_list[10]['class_id']))}">更多>></a>
		        </div>
		    </div>
		    <div class="bottom-banner">
		        <div class="box">
		            <span class="next"><i class="layui-icon">&#xe603;</i> </span>
		            <dl id="roll">
		            	
		            	<?php if(is_array($cms_article_list[10]['class_id_sub'])){ $i=0;?>
		            		<?php foreach($cms_article_list[10]['class_id_sub'] as $key=>$val){ $i++;?>
		            			<?php if($i > 12){break;}?>
		            				<dd>
					                    <a href="{:url('cms/Cmsarticle/article_detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
											<img src="<?php echo getCMSArticleImageUrl($val['article_attachment_path'], $val['article_image'], 'list');?>" alt="<?php echo $val['article_title'];?>">
					                        <h3><?php echo $val['article_title'];?></h3>
					                    </a>
					                </dd>
		                	<?php }?>
		                <?php }?>
		
		            </dl>
		            <span class="prev"><i class="layui-icon">&#xe602;</i> </span>
		        </div>
		    </div>
	    {/if}
	</div>
	


{/block}
